* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  padding-bottom: 2.6667vw;
  background-color: #f1f1f2;
}
// 头部
header {
  width: 100vw;
  background-color: #c21401;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  .head {
    height: 11.7333vw;
    width: 62.6667vw;
    margin: 0 auto;
    h2 {
      text-align: center;
      color: #ffffff;
      font-size: 4.2667vw;
      line-height: 11.7333vw;
    }
  }
}
// 主体
main {
  width: 100%;
  height: 100%;
  margin-top: 11.7333vw;
  .input {
    width: 100%;
    padding: 2.6667vw;
    a {
      display: block;
      text-align: center;
      width: 100%;
      background-color: #ffffff;
      line-height: 8vw;
    }
  }

  // 轮播图
  .banner {
    display: flex;
    height: 49.3333vw;
    width: 100%;
    .swiper-container {
      width: 100%;
      height: 100%;
      // background: pink;
      .swiper-slide {
        a {
          display: block;
          width: 100%;
          height: 100%;
          img {
            display: inline-block;
            height: 49.3333vw;
          }
        }
      }
    }
  }

  // 通知
  .notice {
    display: flex;
    width: 100%;
    height: 8vw;
    background: rgb(242, 219, 219);
    padding: 1.3333vw 3.2vw;
    .icon-xiaolaba {
      font-size: 4.5333vw;
      font-weight: normal;
      top: 0px;
      color: rgb(255, 30, 2);
    }
    .box {
      padding: 1px 0px 1px;
      width: 87.4667vw;
      height: 5.0667vw;

      // background-color: skyblue;
      overflow: hidden;
      span {
        color: #ff1e02;
        line-height: 5.3333vw;
        display: block;
        white-space: nowrap;
        height: 5.3333vw;
        width: 87.4667vw;
        font-size: 3.7333vw;
        padding-left: 100%;
        animation: move 8s linear infinite both;
      }
      @keyframes move {
        form {
          transform: translateX(0);
        }
        to {
          transform: translateX(-200%;);
        }
      }
    }
  }
  // 内容
  .big {
    background-color: #fff;
    width: 100%;
    height: 45.3333vw;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    a {
      display: block;
      width: 20%;
      span {
        width: 11.7333vw;
        height: 11.7333vw;
        // background-color: ;
      }
      img {
        width: 11.7333vw;
        height: 11.7333vw;
      }
      p {
        margin-top: 2.6667vw;
        font-size: 3.4667vw;
      }
    }
  }
  // 小标题
  .venue {
    width: 100%;
    img {
      width: 100vw;
    }
  }

  // <!-- 猜你喜欢 -->
  .like {
    width: 100%;
    height: 7.7333vw;
    text-align: center;
    line-height: 7.7333vw;
  }
  // 手机
  .box1 {
    padding-bottom: 13.3333vw;
    .phone {
      background-color: #fff;
      margin: 0 0 2.1333vw;
      padding-left: 3.7333vw;
      width: 100%;
      height: 37.3333vw;
      display: flex;
      a {
        display: flex;
        // justify-content: space-between;
        .left {
          margin-top: 2.6667vw;
          margin-right: 2.6667vw;
          img {
            width: 32vw;
            height: 32vw;
          }
        }
        .right {
          margin-top: 2.6667vw;
          height: 32vw;
          padding: 3.2vw;
          // display: flex;
          .ellipsis-2 {
            line-height: 1.3;
            white-space: normal;
            color: #484848;
            font-size: 19px;
          }
          p {
            padding-top: 2.6667vw;
            color: #999;
            font-size: 5.3333vw;
            padding-bottom: 2.6667vw;
          }
          .yi {
            em {
              color: #f03c3c;
              font-size: 4vw;
            }
            span {
              color: #999;
              font-size: 4vw;
              text-decoration: line-through;
            }
          }
        }
      }
    }
  }
}

// 底部
footer {
  border-top: 0.2667vw solid #999;
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 4;
  height: 13.3333vw;
  width: 100%;
  background-color: #fff;
  a {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    p {
      margin-top: 2.1333vw;
    }
  }
}
